<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="js/jquery.js"></script>
<meta charset="UTF-8">
<title>超市账单管理系统</title>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript">  
    $(function (){
    	var $qj=null;
		$('#r4').bind("click", function(){
		    $.getJSON("Jsonprovider?opr=searchAlluser"+"&s="+$("#rq").val(),function(data){  		
		  		$("#r3").html('');
		  		$("#r3").append('<tr class="firstTr"><th width="10%">用户编码</th><th width="20%">用户名</th><th width="10%">性别</th><th width="10%">年龄</th><th width="10%">电话</th><th width="10%">用户类型</th><th width="30%">操作</th></tr>');
		  		$(data).each(function(i,t){	
		  			$("#r3").append("<tr><td>"+t.userCode+"</td>"+"<td>"+t.userName+"</td>"+"<td>"+((t.gender==1)?'女':'男')+"</td>"+"<td>"+t.age+"</td>"+"<td>"+t.phone+"</td>"+"<td>"+t.rolename+"</td>"+"<td>"+"<a href='#' class='cx' id="+t.id+"><img src='img/read.png' alt='查看' title='查看'/></a><a href='#' class='c1' id="+t.id+"> <img src='img/xiugai.png' alt='修改' title='修改'/></a><a href='#' class='removeProvider' name="+t.rolename+"><img src='img/schu.png' alt='删除' title='删除'/></a></td></tr>");
  				});
  			});
  		});
    		$(".search").on("click","#rd",function(){
			$("#r3").hide();
			$("#rr").empty();
			//$("#r3").html('');
			$("#rr").load('userAdd.html .providerAdd');
	   		});
    	
    	$("#r3").on("click", ".cx", function() {
    		$qj = $(this).attr("id");
    		$("#r3").hide();
    		$("#rr").empty();
    		var $jia='id='+$qj+'&'+'opr='+ 'showUserInfo';
    		$.getJSON("Jsonprovider", $jia, function(t) {
		  			$("#rr").append('<div class="providerView">p><strong>用户编号：</strong><span>'+t.userCode+'</span></p><p><strong>用户名称：</strong><span>'+t.userName+'</span></p><p><strong>用户性别：</strong><span>'+((t.gender==1)?'女':'男')+'</span></p><p><strong>出生日期：</strong><span>'+t.birthday+'</span></p><p><strong>用户电话：</strong><span>'+t.phone+'</span></p><p><strong>用户地址：</strong><span>'+t.address+'</span></p><p><strong>用户类别：</strong><span>'+t.rolename+'</span></p>');
  				$(t.addrs).each(function(i,a){
  					$("#rr").append('<div style="color:blue; text-align:center; font-size:20px">'+a.addressdesc+'</div>');
  				});
    		});
    	});
    	$("#rr").on("click", $(":button"), function() {
    		//alert(1);
    		if ($("#userId").val().trim().length == 0) {
    			alert("用户编码未输入有效字符");
    			$("#userId").focus();
    			return false;
    		} else if ($("#userName").val().trim().length == 0) {
    			alert("用户名未输入有效字符");
    			$("#userName").focus();
    			return false;
    		} else if ($("#userpassword").val().trim().length == 0) {
    			alert("用户密码未输入有效字符");
    			$("#userpassword").focus();
    			return false;
    		} else if ($("#userRemi").val().trim().length == 0) {
    			alert("验证密码未输入有效字符");
    			$("#userRemi").focus();
    			return false;
    		} else if ($("#data").val().trim().length == 0) {
    			alert("出生日期未输入有效字符");
    			$("#data").focus();
    			return false;
    		} else if ($("#userphone").val().trim().length == 0) {
    			alert("用户电话未输入有效字符");
    			$("#userphone").focus();
    			return false;
    		} else if ($("#userAddress").val().trim().length == 0) {
    			alert("用户地址未输入有效字符");
    			$("#userAddress").focus();
    			return false;
    		} else {
    			var $i = $("#rk").find(":input");
    			var $qs = $i.serialize();
    			var $jia = $qs + '&' + 'opr=' + 'addUser';
    			alert($jia);
    			//$.getJSON("Jsonprovider", $jia, function(data) {
    				// alert(data);
    			//});
    			return true;
    		}
    	});
    	
});   	
    </script>
</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市账单管理系统</h1>
		<div class="publicHeaderR">
			<p>
				<span>下午好！</span><span style="color: #fff21b"> Admin</span> , 欢迎你！
			</p>
			<a href="login.html">退出</a>
		</div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>功能列表 <span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="billList.html">账单管理</a></li>
					<li><a href="providerList.html">供应商管理</a></li>
					<li id="active"><a href="userList.html">用户管理</a></li>
					<li><a href="password.html">密码修改</a></li>
					<li><a href="login.html">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<div class="location">
				<strong>你现在所在的位置是:</strong> <span>用户管理</span>
			</div>
			<div class="search">
				<span>用户名：</span> <input type="text" id='rq' placeholder="请输入用户名" />
				<input type="button" id="r4" value="查询" /> <a href="#" id='rd'>添加用户</a>
			</div>
			<div id='rr'></div>
			<!--用户-->
			<table class="providerTable" id="r3" cellpadding="0" cellspacing="0">
				<tr class="firstTr">
					<th width="10%">用户编码</th>
					<th width="20%">用户名</th>
					<th width="10%">性别</th>
					<th width="10%">年龄</th>
					<th width="10%">电话</th>
					<th width="10%">用户类型</th>
					<th width="30%">操作</th>
				</tr>


			</table>

		</div>
	</section>

	<!--点击删除按钮后弹出的页面-->
	<div class="zhezhao"></div>
	<div class="remove" id="removeUse">
		<div class="removerChid">
			<h2>提示</h2>
			<div class="removeMain">
				<p>你确定要删除该用户吗？</p>
				<a href="#" id="yes">确定</a> <a href="#" id="no">取消</a>
			</div>
		</div>
	</div>

	<footer class="footer"> 版权归北大青鸟 </footer>

	<script src="js/jquery.js"></script>
	<script src="js/js.js"></script>
	<script src="js/time.js"></script>

</body>
</html>